.home .photo-wall {
  height: 600px;
  background-image: url("./imgs/index-bg.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  padding-top: 125px;
  text-align: center; }
  .home .photo-wall .title {
    font-size: 50px;
    margin-bottom: 28px; }
  .home .photo-wall .sumary {
    margin: 0 auto;
    font-size: 18px;
    line-height: 40px;
    max-width: 330px;
    text-align: center; }
  .home .photo-wall .top-btns {
    margin-top: 65px; }
    .home .photo-wall .top-btns a {
      font-size: 21px;
      padding: 10px 30px;
      background-color: #58c676;
      border-radius: 30px;
      color: #fff !important; }
      .home .photo-wall .top-btns a.top-btn-suoyou {
        background-color: #fff;
        color: #58c676 !important;
        margin-left: 10px; }

.home .advantages.container {
  padding-top: 65px;
  padding-bottom: 65px; }
  @media (min-width: 768px) {
    .home .advantages.container .col-sm-offset-1-half {
      margin-left: 4.166666665%; } }
  .home .advantages.container .tip-border {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 2px solid #eef0f1;
    border-radius: 5px;
    height: 270px; }
    .home .advantages.container .tip-border .content,
    .home .advantages.container .tip-border .line,
    .home .advantages.container .tip-border .tip,
    .home .advantages.container .tip-border .tip-img {
      text-align: center; }
    .home .advantages.container .tip-border .tip-img {
      margin-top: 21px; }
      .home .advantages.container .tip-border .tip-img img {
        width: 48px;
        height: 48px; }
      .home .advantages.container .tip-border .tip-img span {
        font-size: 50px;
        color: #58c676; }
    .home .advantages.container .tip-border .tip {
      margin-top: 19px; }
    .home .advantages.container .tip-border .line {
      margin-top: 13px;
      width: 20%;
      margin: 0 auto;
      height: 2px;
      background-color: #58c676;
      transition: width 0.4s; }
    .home .advantages.container .tip-border .content {
      margin-top: 12px;
      font-size: 15px;
      color: #acb0ab; }
  .home .advantages.container .tip-border:hover {
    border-color: #58c676; }
    .home .advantages.container .tip-border:hover .line {
      width: 50%; }

.home .carousel {
  background-color: #fcfcfc; }
  .home .carousel .title {
    padding-top: 50px;
    font-size: 35px;
    font-weight: bolder;
    text-align: center;
    padding-bottom: 40px; }
    .home .carousel .title .line {
      width: 65px;
      height: 4px;
      background-color: #58c676;
      margin: 0 auto; }
  .home .carousel .carousel {
    width: 100%; }
  .home .carousel .carousel-indicators li {
    background-color: #fefefe;
    margin-left: 15px;
    width: 10px;
    height: 10px;
    border: 0; }
    .home .carousel .carousel-indicators li.active {
      background-color: #58c676; }
  .home .carousel .carousel-control {
    background-image: none;
    text-align: end;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 18%; }
    .home .carousel .carousel-control img {
      width: 25px; }
  .home .carousel .carousel-control-left {
    align-items: flex-end;
    padding-right: 25px; }
  .home .carousel .carousel-control-right {
    align-items: flex-start;
    padding-left: 25px; }
  .home .carousel .carousel-inner {
    width: 64%;
    height: 385px;
    margin: 0 auto; }
    .home .carousel .carousel-inner .item {
      width: 100%; }
      .home .carousel .carousel-inner .item .img-content {
        width: 100%;
        display: flex;
        flex-flow: row nowrap; }
        .home .carousel .carousel-inner .item .img-content img {
          width: 66%; }
        .home .carousel .carousel-inner .item .img-content .carousel-caption-content {
          background-color: #fff;
          width: 34%;
          display: flex;
          flex-direction: column;
          align-items: center; }
          .home .carousel .carousel-inner .item .img-content .carousel-caption-content .carousel-caption-content-title {
            margin-top: 50px;
            margin-bottom: 21px;
            font-size: 27px;
            font-weight: bolder; }
          .home .carousel .carousel-inner .item .img-content .carousel-caption-content .carousel-caption-content-content {
            margin: 0 27px;
            color: #acb0ab;
            text-align: center; }
          .home .carousel .carousel-inner .item .img-content .carousel-caption-content .carousel-caption-content-btn {
            margin-top: 50px;
            padding: 10px 35px;
            color: #fff !important;
            border-radius: 30px;
            background-color: #58c676;
            font-size: 18px;
            font-weight: bolder; }

.home .steps {
  background-color: #fefefe; }
  .home .steps .title {
    padding-top: 50px;
    font-size: 35px;
    font-weight: bolder;
    text-align: center;
    padding-bottom: 40px; }
    .home .steps .title .line {
      width: 65px;
      height: 4px;
      background-color: #58c676;
      margin: 0 auto; }
  .home .steps .row {
    width: 64%;
    margin: 0 auto; }
    .home .steps .row .step {
      margin-bottom: 70px; }
      .home .steps .row .step .step-title-left,
      .home .steps .row .step .step-title-right {
        padding-top: 40px; }
        .home .steps .row .step .step-title-left img,
        .home .steps .row .step .step-title-right img {
          width: 120px;
          margin-top: 20px; }
        .home .steps .row .step .step-title-left .step-title-tip,
        .home .steps .row .step .step-title-right .step-title-tip {
          position: relative;
          top: -55px;
          left: 60px;
          font-size: 22px; }
          .home .steps .row .step .step-title-left .step-title-tip span,
          .home .steps .row .step .step-title-right .step-title-tip span {
            color: #58c676;
            font-weight: bold; }
      .home .steps .row .step .step-title-right {
        text-align: right; }
        .home .steps .row .step .step-title-right .step-title-tip {
          position: relative;
          top: -55px;
          left: -45px; }
      .home .steps .row .step .step-content-left {
        color: #999999; }
      .home .steps .row .step .step-content-right {
        color: #999999;
        text-align: right; }
    .home .steps .row .step-img {
      margin-bottom: 70px; }
      .home .steps .row .step-img img {
        width: 100%; }

.home .contact {
  margin-bottom: 123px; }
  .home .contact .title {
    padding-top: 63px;
    font-size: 35px;
    font-weight: bolder;
    text-align: center;
    padding-bottom: 56px; }
    .home .contact .title .line {
      margin-bottom: 19px;
      width: 65px;
      height: 4px;
      background-color: #58c676;
      margin: 0 auto; }
  .home .contact .row {
    width: 64%;
    margin: 0 auto;
    background-image: url("./imgs/map-bg.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    min-height: 415px; }
    .home .contact .row .title-and-logo {
      margin-top: 130px; }
      .home .contact .row .title-and-logo address {
        line-height: 30px; }
        .home .contact .row .title-and-logo address address,
        .home .contact .row .title-and-logo address p,
        .home .contact .row .title-and-logo address strong {
          font-size: 17px; }
        .home .contact .row .title-and-logo address .company {
          padding-top: 35px; }
        .home .contact .row .title-and-logo address strong {
          font-size: 22px;
          font-weight: bold; }
          .home .contact .row .title-and-logo address strong img {
            width: 40px; }
    .home .contact .row .map {
      margin-top: 75px;
      margin-bottom: 40px; }
      .home .contact .row .map img {
        width: 100%; }

@media screen and (max-width: 768px) {
  .home .photo-wall {
    padding-top: 0;
    height: 450px; }
    .home .photo-wall .title {
      padding-top: 70px;
      font-size: 32px; }
    .home .photo-wall .sumary {
      font-size: 14px;
      width: 260px; }
  .home .advantages-xs.container {
    padding-bottom: 0; }
  .home .advantages-xs .row > div {
    margin-top: 20px;
    margin-bottom: 20px;
    border-left: 1px solid #eef0f1; }
    .home .advantages-xs .row > div:first-child {
      border-left: 0; }
    .home .advantages-xs .row > div span {
      font-size: 40px;
      color: #58c676; }
  .home .carousel .title {
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 15px; }
    .home .carousel .title .line {
      margin-top: 15px; }
  .home .carousel .carousel-inner {
    width: 100%;
    height: 240px; }
    .home .carousel .carousel-inner .item .img-content .carousel-caption-content .carousel-caption-content-title {
      margin-top: 30px;
      margin-bottom: 12px;
      font-size: 17px; }
    .home .carousel .carousel-inner .item .img-content .carousel-caption-content .carousel-caption-content-content {
      font-size: 11px; }
    .home .carousel .carousel-inner .item .img-content .carousel-caption-content .carousel-caption-content-btn {
      font-size: 14px;
      margin-top: 20px;
      padding: 5px 15px; }
  .home .steps-xs .title {
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 15px;
    font-weight: bold;
    text-align: center; }
    .home .steps-xs .title .line {
      width: 65px;
      height: 4px;
      background-color: #58c676;
      margin: 0 auto;
      margin-top: 15px; }
  .home .steps-xs .row > div h4 span {
    color: #58c676; }
  .home .steps-xs .row > div p {
    color: #999999; }
  .home .steps-xs .row > div:last-child {
    padding-top: 10px;
    padding-left: 0;
    height: 100%; }
    .home .steps-xs .row > div:last-child img {
      width: 100%; }
  .home .contact-xs .title {
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 15px;
    font-weight: bold;
    text-align: center; }
    .home .contact-xs .title .line {
      width: 65px;
      height: 4px;
      background-color: #58c676;
      margin: 0 auto;
      margin-top: 15px; }
  .home .contact-xs .map-img {
    padding: 15px; }
    .home .contact-xs .map-img img {
      width: 100%; }
  .home .contact-xs .map-info {
    padding: 20px; } }
